<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<link th:href="@{/css/buttons.css}" rel='stylesheet' type='text/css' />
<div class="banner1" th:fragment="search">
    <div class="header">
        <div class="container">
            <div class="logo">
                <h1><a th:href="@{/}">酒店订购</a></h1>
            </div>
            <nav class="navbar navbar-default" role="navigation">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <!--/.navbar-header-->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li class="active"><a th:href="@{/}">主页</a></li>
                        <li><a th:href="@{/map}">地图搜索</a></li>
                        <li th:if="${session.user!=null}"><a th:href="@{/logout}">注销</a></li>
                        <li th:if="${session.user==null}"><a th:href="@{/signup}">登录</a></li>
                        <li><a th:href="@{/signup}">注册</a></li>
                        <li th:if="${session.user!=null}"><a th:href="@{/contact}">订单中心</a></li>
                    </ul>
                </div>
                <!--/.navbar-collapse-->
            </nav>
            <div class="clearfix"> </div>
            <!-- search-scripts -->
            <script th:src="@{/js/classie.js}"></script>
            <script th:src="@{/js/uisearch.js}"></script>
            <script>
                new UISearch( document.getElementById( 'sb-search' ) );
            </script>
            <!-- //search-scripts -->
        </div>
    </div>
    <div style="height: 30px"></div>
    <div class="container">
        <div class="details-1">
            <div class="col-md-10 dropdown-buttons">
                <div class="col-md-3 dropdown-button">
                    <div class="input-group">
                        <form  id="SearchText"  th:action="@{/select}" method="post">
                            <input class="form-control has-dark-background" name="param" id="param" placeholder="城市、酒店等关键字" type="text" th:value="${param1}">
                        </form>
                    </div>
                </div>
                <!---strat-date-piker---->
                <link rel="stylesheet" th:href="@{/css/jquery-ui.css}" />
                <script th:src="@{/js/jquery-ui.js}"></script>
                <script>
                    $(function() {
                        $( "#datepicker,#datepicker1" ).datepicker();
                    });
                </script>
                <!---/End-date-piker---->

                <div class="col-md-3 dropdown-button">
                    <div class="book_date">
                        <form id="In">
                            <input class="date" id="datepicker" type="text" th:value="${timeIn}" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = '预计入住时间';}" name="in">
                        </form>
                    </div>
                </div>
                <div class="col-md-3 dropdown-button">
                    <div class="book_date">
                        <form id="Out">
                            <input class="date1" id="datepicker1" type="text" th:value="${timeOut}" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = '预计离店时间';}" name="out">
                        </form>
                    </div>
                </div>
                <div class="col-md-3 dropdown-button">
                    <div class="section_1">
                        <select id="country" onChange="change_country(this.value)" class="frm-field required">
                            <option value="null">双人间</option>
                            <option value="null">单人间</option>
                            <option value="AX">大床房</option>
                            <option value="AX">套间</option>
                        </select>
                    </div>
                </div>
                <div class="clearfix"> </div>
            </div>
            <div class="button button-glow button-rounded button-royal">
                <a type="button"  onclick="submits()" style="color: #00cc66">搜索</a>
            </div>
            <div class="clearfix"> </div>
        </div>
    </div>

</div>